<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html style="height:100%">
<head>
    <%@ include file="/common/global.jsp" %>
    <title>主页</title>
    <%@ include file="/common/meta.jsp" %>
    <%@ include file="/common/include-base-styles.jsp" %>
    <link type="text/css" rel="stylesheet" href="${ctx}/css/index.css"/>
   <style>
       .replace {
           border: 0px solid red;
           width: 75%;
           height: 550px;
           margin: auto;
       }
   </style>
    <script>
        function init(){
            //书写轮播图的定时操作
            setInterval("change()",3000);
        }
        //书写函数
        var i=0;
        function change(){
            i++;
            //获取图片位置并设置src属性值
            document.getElementById("images1").src="../../images/"+i+".jpg";
            if(i == 3){
                i = 0;
            }
        }
    </script>
</head>

<body onload="init()" style="background: url('../../images/dong3.gif')no-repeat;background-size: 100% 100%">
<%@include file="/common/header-nav.jsp" %>

    <div id="" class="replace" >
        <img src="../../images/1.jpg"width="100%"height="100%" id="images1">


    </div>
<!-- /container -->
<%@include file="/common/footer.jsp" %>
<%@ include file="/common/include-base-js.jsp" %>
</body>
</html>